<!doctype html>
<html class="no-js" lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width">
	<meta name="theme-color" content="#ff9900">
	<link rel="stylesheet" href="styles.css">
</head>
<body>
	<h1>Top grossing films of 2014</h1>
	<nav class="Scroll_Wrapper">
		<figure class="Item">
			<img src="f1.jpg" alt="Guardians of the Galaxy"/>
			<figcaption class="Caption">Guardians of the Galaxy</figcaption>
		</figure>
		<figure class="Item">
			<img src="f2.jpg" alt="The Hunger Games: Mockingjay - Part 1"/>
			<figcaption class="Caption">The Hunger Games: Mockingjay - Part 1</figcaption>
		</figure>
		<figure class="Item">
			<img src="f3.jpg" alt="Captain America: The Winter Soldier"/>
			<figcaption class="Caption">Captain America: The Winter Soldier</figcaption>
		</figure>
		<figure class="Item">
			<img src="f4.jpg" alt="The Lego Movie"/>
			<figcaption class="Caption">The Lego Movie</figcaption>
		</figure>
		<figure class="Item">
			<img src="f5.jpg" alt="Transformers: Age of Extinction"/>
			<figcaption class="Caption">Transformers: Age of Extinction</figcaption>
		</figure>
		<figure class="Item">
			<img src="f6.jpg" alt="Maleficent"/>
			<figcaption class="Caption">Maleficent</figcaption>
		</figure>
		<figure class="Item">
			<img src="f7.jpg" alt="X-Men: Days of Future Past"/>
			<figcaption class="Caption">X-Men: Days of Future Past</figcaption>
		</figure>
		<figure class="Item">
			<img src="f8.jpg" alt="The Hobbit: The Battle of the Five Armies"/>
			<figcaption class="Caption">The Hobbit: The Battle of the Five Armies</figcaption>
		</figure>
		<figure class="Item">
			<img src="f9.jpg" alt="Big Hero 6"/>
			<figcaption class="Caption">Big Hero 6</figcaption>
		</figure>
		<figure class="Item">
			<img src="f10.jpg" alt="Dawn of the Planet of the Apes"/>
			<figcaption class="Caption">Dawn of the Planet of the Apes</figcaption>
		</figure>
	</nav>
</body>
</html>